<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/container.css" />
		<link rel="stylesheet" href="css/swiper.min.css">
		<script src="js/swiper.min.js"></script>
	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
	</script>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
				window.onload = function(){
					mui('.mui-scroll-wrapper').scroll({
					deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
					});
				}
		</script>
		<script>
			mui.plusReady(function(){
				mui('.search').on("tap","span",function(){
					mui.openWindow({
						url:'serch.html',
						
					})

				})
				mui('#list').on("tap","#ding",function(){
					mui.openWindow({
						url:'ding.html',
						
					})

				})
				mui('.mui-scroll').on("tap","#shou",function(){
					mui.openWindow({
						url:'ding.html',
						
					})

				})
				mui('.mui-scroll').on("tap","#deng",function(){
					mui.openWindow({
						url:'me.html',
						
					})

				})
				mui('.mui-scroll').on("tap","#ce",function(){
					mui.openWindow({
						url:'new.html',
						
					})

				})
				mui('.mui-scroll').on("tap","#yi",function(){
					mui.openWindow({
						url:'iade.html',
						
					})

				})
				mui('#list').on("tap","#tu",function(){
					mui.openWindow({
						url:'tu.html',
						
					})

				})
			})
		</script>
	</body>
	<!-- 主界面菜单同时移动 -->
	    <!-- 侧滑导航根容器 -->
	    <div class="mui-off-canvas-wrap mui-draggable">
	        <!-- 主页面容器 -->
	        <div class="mui-inner-wrap">
	            <!-- 菜单容器 -->
	            <aside class="mui-off-canvas-left" id="offCanvasSide">
	                <div class="mui-scroll-wrapper">
	                    <div class="mui-scroll">
	                        <div class="mui-content">
			    <div class="mui-input-row mui-search">
		
		    <ul class="mui-table-view">
		        <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;">
		
		                <!--<div class="mui-media-body">-->
		                    首页
		
		                <!--</div>-->
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media">
		            <a id="shou" href="javascript:;">
		
		                
		                搜索附近
		

		            </a>
		        </li>
		         <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;" id="deng">
		
		                <div class="mui-media-body">
		                    登录
		
		                </div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;">
		
		                <div class="mui-media-body" id="ce">
		                    注册
		
		                </div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;" id="yi">
		
		                <div class="mui-media-body">
		                    意见反馈
		
		                </div>
		            </a>
		        </li>
		    </ul>
		</div>
			</div>

	                    </div>
	                </div>
	            </aside>
	            <!-- 主页面标题 -->
	            <header class="mui-bar mui-bar-nav">
	                <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a>
	                <h1 class="mui-title">途家</h1>
	            </header>
	            <!--<nav class="mui-bar mui-bar-tab">
	    		    <a class="mui-tab-item mui-active">
	    		        <span class="mui-icon mui-icon-home"></span>
	    		        <span class="mui-tab-label">首页</span>
	    		    </a>
	    		    <a class="mui-tab-item">
	    		        <span class="mui-icon mui-icon-phone"></span>
	    		        <span class="mui-tab-label">电话</span>
	    		    </a>
	    		    <a class="mui-tab-item">
	    		        <span class="mui-icon mui-icon-email"></span>
	    		        <span class="mui-tab-label">邮件</span>
	    		    </a>
	    		    <a class="mui-tab-item">
	    		        <span class="mui-icon mui-icon-gear"></span>
	    		        <span class="mui-tab-label">设置</span>
	    		    </a>
	    		</nav>-->
	            <!-- 主页面内容容器 -->
	            <div class="mui-content mui-scroll-wrapper">
	                <div class="mui-scroll">
	                    <div class="banner">
							<img src="https://nmstatic.tujia.com/static/images/index/home/banner_promotion.jpg" alt="" />
							<div class="search">
								<i class="mui-icon mui-icon-search"></i>
								<span>你想住哪儿？</span>
							</div>
						</div>
						<div id="list">
							<a href="javascript:;" id="tu">
								<i class="mui-icon mui-icon-person"></i>
								<span>我的途家</span>
							</a>
							<a id="ding" href="javascript:;">
								<i class="mui-icon mui-icon-home"></i>
								<span class="aa">城市搜索</span>
							</a>
						</div>
						<div id="title">精选主题</div>
						<div id="slider" class="mui-slider" >
						  <div class="mui-slider-group mui-slider-loop">
						    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						    <div class="mui-slider-item mui-slider-item-duplicate">
						      <a href="#">
						        <img src="https://pic.tujia.com/upload/mobileconfig/day_180827/201808271109152233.jpg">
						      </a>
						    </div>
						    <!-- 第一张 -->
						    <div class="mui-slider-item">
						      <a href="#">
						        <img src="https://pic.tujia.com/upload/mobileconfig/day_180917/201809171050493486.jpg">
						      </a>
						    </div>
						    <!-- 第二张 -->
						    <div class="mui-slider-item">
						      <a href="#">
						        <img src="https://pic.tujia.com/upload/mobileconfig/day_171219/201712191802514294.jpg">
						      </a>
						    </div>
						    <!-- 第三张 -->
						    <div class="mui-slider-item">
						      <a href="#">
						        <img src="https://pic.tujia.com/upload/mobileconfig/day_180827/201808271109152233.jpg">
						      </a>
						    </div>
						    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
						    <div class="mui-slider-item mui-slider-item-duplicate">
						      <a href="#">
						        <img src="https://pic.tujia.com/upload/mobileconfig/day_180917/201809171050493486.jpg">
						      </a>
						    </div>
						  </div>
						  <div class="mui-slider-indicator">
						    <div class="mui-indicator mui-active"></div>
						    <div class="mui-indicator"></div>
						    <div class="mui-indicator"></div>
						  </div>
						</div>
						
						<!--<div id="title">发现公寓</div>-->
						<!--<div class="home">
							<i class="mui-icon mui-icon-starhalf"></i>
							<img style="-webkit-user-select: none;max-width: 100%;" src="https://pic.tujia.com/upload/mobileconfig/day_180115/thumb/201801151424465650_700_467.jpg" class="car">
							<img data-v-f6ee5db4="" src="https://pic.tujia.com/upload/LandlordStoreLogo/day_170804/20170804152959186.jpg" alt="用户头像" class="person">
							<b>￥168</b>
							<p>成都天府广场宽窄巷子一锦二巷温馨双床房</p>
							<p>
								<span>4.7分/64点评</span>
								<span>1居/2床/宜住2人</span>
								<span>近天府广场地铁站</span>
							</p>
							<p>
								<span>连珠优惠</span>
								<span>闪订</span>
								<span>实拍</span>
								<span>验真</span>
								<span>免押金</span>
							</p>
						</div>-->
						
	                </div>   
	            </div>
	       	 <div class="mui-off-canvas-backdrop"></div>
	        </div>
	    </div>
</html>